<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<!-- 3.新制作一个注册页面，要求
	      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
	      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
	      3.3 每个需要提交的标签都要有name值
	      3.4 按照name的方式查找各个元素
	      3.5 按照标签的方式查找各个元素 -->
	<body>
		用户名:<input type="text" name="username" id="" value="" />
		<br>
		密  码:<input type="password" name="pwd" id="" value="" />
		<br>
		男:<input type="radio" name="sex" id="" value="1" />
		女:<input type="radio" name="sex" id="" value="2" />
		<br>
		爱好：<input type="checkbox" name="chick" id="" value="" />游泳
		<input type="checkbox" name="chick" id="" value="" />打篮球
		<input type="checkbox" name="chick" id="" value="" />唱歌
		<input type="checkbox" name="chick" id="" value="" />跑步<br>
		自我介绍:<textarea rows="5" cols="20" name="Jiesao"></textarea><br>
		<button type="submit" onclick="Denru()">提交</button>
		
	</body>
	<script type="text/javascript">
		function Denru(){
			var a1=document.getElementsByName('username');
			var a2=document.getElementsByName('pwd');
			var a3=document.getElementsByName('sex');
			var a4=document.getElementsByName('chick');
			var a5=document.getElementsByName('Jiesao');
			console.log(a1,a2,a3,a4,a5)
		}
	</script>
</html>
